<template>
	
	<view @click="btnClick" :class="['hy-btn',type]">
	<slot></slot>
	<!-- 自定义组件的样式是统一的  组件不能使用页面的生命周期-->
	</view>
</template>

<script>
	export default {
		name:"hy-button",
		props:{
				
			type:{
				type:String,
				default:'default'
			}
		},
		emits:['onBtnClick'],
		data() {
			return {
				
			};
		},
		methods:{
			btnClick(){
				this.$emit('onBtnClick')
			}
		}
	}
</script>

<style lang="scss">
	.hy-btn{
		padding: 20rpx 0;
		font-size: 49rpx;
		color: white;
		text-align: center;
		border-radius: 10rpx;
	}
.default{
	background-color: #cdcdcd;
}
.primary{
	background-color: green;
}
</style>